<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <style>
        *{
            margin: 0;
            padding:0;
        }
        .box1{
            height: 146px;
            background: #fff;
            margin-top: -15px;
        }
        .box2{
            height: 542px;
            background:#518e17;
        }
        .box3{
            height: 114px;
            background:#fff ;
        }
        .box1 img{
            margin: 13px 0 0 161px;
        }
        .box2 img{
            float: left;
            margin: 90px 0 0 0;
        }

        .box2 .box4{
            float: right;
            margin-top: 48px;
            width: 370px;
            height: 380px;
            background: #fff;
            border: 1px solid #c6c6c5;
        }
        .box2 .box4 .dlk{
            margin: 0 auto;
            width: 310px;
            height: 80px;
            border-bottom: 1px solid #c6c6c5;
        }
        .box2 .box4 .dlk .hy{
            float: left;
            font-size: 24px;
            color: #a8a8a8;
            line-height: 80px;
            margin-left: 20px;
            cursor: pointer;
        }
        .box2 .box4 .dlk .zc{
            float: right;
            width: 93px;
            font-size: 17px;
            color: #5fb42a;
            margin-top: 30px;
            margin-right: 30px;
            cursor: pointer;
        }
        .box2 .box4 .dlk2{
            width: 310px;
            margin: 0 auto;
        }
        .box2 .box4 .dlk2 #kk{
            color: #a9a9a9;
            width: 310px;
            height: 40px;
            background: #f8f8f8;
            border: 1px solid #c6c6c5;
            margin-top: 20px;
        }
        .box2 .box4 .dlk2 #kkk{
            color: #a9a9a9;
            width: 310px;
            height: 40px;
            background: #f8f8f8;
            border: 1px solid #c6c6c5;
            margin-top: 20px;
        }
        .box2 .box4 .dlk2 .zi span{
            font-size: 14px;
            color: #4b4b4b;
        }
        .box2 .box4 .dlk2 .zi{
            margin-top: 15px;
        }
        .box2 .box4 #dl{
            margin: 20px  0 0 30px;
            width: 310px;
            height: 40px;
            background: #47aa34;
            border: none;
            color: #fff;
        }
        .box3 .dada{
            font-size: 12px;
            width: 500px;
            margin: 30px auto;
        }
        .box3 .w1{
            width: 230px;
            height: 10px;
            margin: 10px auto;
        }
        .box3 .w2{
            width: 400px;
            height: 10px;
            margin: 20px auto;
        }
        .box3 .w3{
            width: 220px;
            height: 10px;
            margin: 10px auto;
        }
    </style>
</head>
<body>
<div class="box1 w100">
    <img src="img/logo.png"/>
</div>
<div class="box2 w100">
    <div class="zho">
        <img src="img/login02_05.png"/>
        <div class="box4">
            <div class="dlk">
                <p class="hy">会员登录</p>
                <p class="zc">&nbsp;&nbsp;&nbsp;&nbsp;立即注册</p>
            </div>
            <div class="dlk2">
                <input type="text" name="" id="kk" value="&nbsp;&nbsp;请输入用户名" /><br />
                <input type="txet" name="" id="kkk" value="&nbsp;&nbsp;请输入密码" />
                <div class="zi">
                    <input type="checkbox" name="" id="" value="" />&nbsp;<span>记住用户名和密码</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span>忘记密码</span>
                </div>
            </div>
            <input type="button" name="" id="dl" value="登录" />
        </div>
    </div>
</div>
<div class="box3 w100">
    <div class="dada">
        <div class="w1">关于我们   |   联系我们   |   招聘人才   |   友情链接</div>
        <div class="w2">CopyRight  2016 北京天天生鲜信息技术有限公司 All Rights Reserved</div>
        <div class="w3">电话：010-****888    京ICP备*******8号</div>
    </div>
</div>
</body>
</html>